<!-- BUTTONS -->
<form action="/zfq/admin/gainRule/" method="post" id="FromGainRule-51job">
    <input type="hidden" name="hidden_target_name" id="hidden_target_name" value="">
    <input type="hidden" name="hidden_target_Id" id="hidden_target_Id" value={{ allRule.0.0 }}>
                            <br>
                            <br>
							<div class="panel">
								<div class="panel-heading">
									<h3 class="panel-title">51Job爬取预设置</h3>
                                    <div class="right">
                                        <button type="button" class="btn-toggle-collapse"><i class="lnr lnr-chevron-up"></i></button>
                                        <button type="button" class="btn-remove"><i class="lnr lnr-cross"></i></button>
                                    </div>
								</div>
								<div class="panel-body">
                                    网站入口页网址:<input value="{{allRule.0.2}}" type="text" disabled="disabled" id="eURL" name="eURL" class="form-control" style="width: 60%;display: inline;"/>
									<br>
                                    <br>
                                    存储数据库名称: <input type="text" value="{{allRule.0.3}}" disabled="disabled" id="sTable" name="sTable" class="form-control" style="width: 60%;display: inline;">
									<br>
                                    <br>
                                    所执行脚步名称: <input type="text" value="{{allRule.0.4}}" disabled="disabled" id="eScript" name="eScript" class="form-control" style="width: 60%;display: inline;">
									<br>
                                    <br>
                                    每周爬取时间段设置:
                                    <label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox" >
										<span>全部</span>
									</label>
									<label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox" >
										<span>周一</span>
									</label>
                                    <label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox" >
										<span>周二</span>
									</label>
									<label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox">
										<span>周三</span>
									</label>
                                    <label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox">
										<span>周四</span>
									</label>
                                    <label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox">
										<span>周五</span>
									</label>
                                    <label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox">
										<span>周六</span>
									</label>
                                    <label class="fancy-checkbox" style="display: inline;">
										<input type="checkbox">
										<span>周日</span>
									</label>
									<br>
                                    <br>
                                    每天爬取时间段设置:<input disabled="disabled" type="time" value="{{allRule.0.6}}" class="form-control" id="tDayStart" name="tDayStart" placeholder=".col-md-4" style="width: 20%;display: inline;">至
                                    <input type="time" id="tDayEnd" disabled="disabled" value="{{allRule.0.7}}" name="tDayEnd" class="form-control" placeholder=".col-md-4" style="width: 20%;display: inline;">
									<br>
                                    <br>
                                    设置特定时间段:<input disabled="disabled" type="date" value="{{allRule.0.8}}" class="form-control" id="sTime" name="sTime" style="width: 20%;display: inline;">
                                    <input type="time" disabled="disabled" class="form-control" placeholder=".col-md-4" style="width: 20%;display: inline;">
                                    <br>
                                    <br>
                                    每次爬取信息量设置:
                                    <select class="form-control" id="lType" name="lType" disabled="disabled" style="width: 20%;display: inline;">
										<option value="0">按数据条数</option>
										<option value="1"  selected="selected">按页面数</option>
{#										<option value="2">按时间</option>#}
									</select>
                                    填入条件:<input disabled="disabled" type="number" value="{{allRule.0.10}}" class="form-control" id="iValue" name="iValue" style="width: 20%;display: inline;">条/页
									<br>
									<br>
                                    <b>该网站备注:</b>
                                    <textarea class="form-control" disabled="disabled"  placeholder="写入备注" id="remark" name="remark" rows="4">{{allRule.0.11}}</textarea>
									<br>
									<br>
									<p class="demo-button">

                                        <button type="button" class="btn btn-success" id="table_data_submit" disabled="disabled"><i class="fa fa-check-circle"></i> 提交</button>
										<button type="button" class="btn btn-warning" id="table_data_modify" ><i class="fa fa-warning"></i> 修改</button>
										<button type="button" class="btn btn-danger" id="table_data_reset" disabled="disabled"><i class="fa fa-trash-o"></i> 复位</button>

{#										<button type="button" class="btn btn-success" id="start_data_51job"><i class="fa fa-check-circle"></i> 开始爬取</button>#}
{#										<button type="button" class="btn btn-warning" id="interrupt_data_51job" disabled="disabled"><i class="fa fa-warning"></i> 中断爬取</button>#}
{#										<button type="button" class="btn btn-danger" id="cease_data_51job" disabled="disabled"><i class="fa fa-trash-o"></i> 终止爬取</button>#}

									</p>
<script>
    $(document).ready(function(){
        //modify
        $("#table_data_modify").click(function(){
            $("#table_data_submit").attr("disabled", false);
            $("#table_data_modify").attr("disabled", true);
            $("#table_data_reset").attr("disabled", false);
            $("#eURL").attr("disabled", false);
            $("#eScript").attr("disabled", false);
            $("#sTable").attr("disabled", false);
            $("#tDayStart").attr("disabled", false);
            $("#tDayEnd").attr("disabled", false);
            $("#sTime").attr("disabled", false);
            $("#lType").attr("disabled", false);
            $("#iValue").attr("disabled", false);
            $("#remark").attr("disabled", false);
            //alert("modify");
        });
        //submit
        $("#table_data_submit").click(function(){
            $("#table_data_submit").attr("disabled", true);
            $("#table_data_reset").attr("disabled", true);
            $("#table_data_modify").attr("disabled", false);
            //alert("submit");
            $("#FromGainRule-51job").submit();
        });
        //reset
        $("#cease_data_51job").click(function(){
            //alert("reset");
            $("#FromGainRule-51job").submit();
        });
     });
</script>
									<br>
{#									<div class="row">#}
{#										<div class="col-md-6">#}
{#											<button type="button" class="btn btn-primary btn-block">Button Block</button>#}
{#										</div>#}
{#										<div class="col-md-6">#}
{#											<button type="button" class="btn btn-warning btn-block">Button Block</button>#}
{#										</div>#}
{#									</div>#}
								</div>
    <div class="panel-footer">
									<div class="row">

										<div class="col-md-6"><span class="panel-note"><i class="fa fa-clock-o"></i> Last 24 hours</span></div>
                                        <p class="demo-button">
                                        <button type="button" class="btn btn-success" id="start_data_51job"><i class="fa fa-check-circle"></i> 开始爬取</button>
										<button type="button" class="btn btn-warning" id="interrupt_data_51job" disabled="disabled"><i class="fa fa-warning"></i> 中断爬取</button>
										<button type="button" class="btn btn-danger" id="cease_data_51job" disabled="disabled"><i class="fa fa-trash-o"></i> 终止爬取</button>
{#										<button type="button" class="btn btn-primary" id="refresh_data_51job"><i class="fa fa-spinner fa-spin"></i> 刷新信息...</button>#}
{#										<div class="col-md-6"><a href="#" class="btn btn-primary">View All Purchases</a></div>#}
{#                                        <div class="col-md-6"><a href="#" class="btn btn-primary">View All Purchases</a></div>#}
{#                                        <div class="col-md-6 text-right"><a href="#" class="btn btn-primary">View All Purchases</a></div>#}
                                        </p>
									</div>
								</div>

							</div>

							<!-- END BUTTONS -->
</form>